<script>
  const endpoint = 'https://jsonplaceholder.typicode.com/posts'
  // https://jsonplaceholder.typicode.com/guide/ 接口支持 POST 请求，但是只支持我们传了什么就返回什么，而且会加一个 id 字段返回，不会真正在 jsonplaceholder 服务器上创建数据
  const payload = {
    userId: 999,
    name: 'Henry',
    age: 18
  }
  const options = {
    method: 'POST', // 请求方法
    headers: {
      // 请求头
      'Content-Type': 'application/json',
      'X-Token': 'lh-token-123456'
    },
    body: JSON.stringify(payload) // 如果是 POST 请求，可以添加请求体
  }
  const fetchUsers = () => {
    fetch(endpoint, options)
      .then(response => {
        console.log('response', response)
        if (!response.ok) throw new Error('Network response was not ok')
        return response.json()
      })
      .then(data => {
        console.log(data)
      })
      .catch(error => {
        console.error('error:', error)
      })
  }

  fetchUsers()
</script>
